<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style2.css" />
		<link rel="stylesheet" href="css/bsgrid.all.min.css" />
		<link rel="stylesheet" href="css/grid_bootstrap.min.css" />

		<style type="text/css">
			.bsgrid {
				width: 30%;
				;
			}
		</style>
	</head>

	<body>
		<div class="head">
			<img width="550px" src="img/logo.png" />
			<table class="tb" cellpadding="0px">

				<tr>
					<td><img src="img/1.png" />
						<div>首页</div>
					</td>
					<td><img src="img/4.png" />
						<div>问题线索</div>
					</td>
					<td><img src="img/2.png" />
						<div>数据管理</div>
					</td>
					<td><img src="img/3.png" />
						<div>整改核查</div>
					</td>
					<td><img src="img/5.png" />
						<div>分析预警</div>
					</td>
					<td><img src="img/6.png" />
						<div>公文中心</div>
					</td>
					<td><img src="img/7.png" />
						<div>系统设置</div>
					</td>
				</tr>
			</table>
		</div>
		<div class="select">
			<div class="select1"><img src="img/timg.png" /></div>
			<dl>
				<dt><a href="#">三省信息</a></dt>
				<dd>
				</dd>
				<dt><a href="#">人员列表</a></dt>
				<dd>
					<tr colspan="3">
						<input type="text" id="filtertxt" style="width: 100px;">
						<input type="button" id="ss" value="搜索"/>
					</tr>
					<table id="searchTable">
						<tr>
							<th w_index="name" width="25%;">姓名</th>
							<th w_index="add" w_align="center" width="25%;">地址</th>
							<th w_index="tel" width="25%;">电话</th>
						</tr>
					</table>
				</dd>

			</dl>

		</div>

		<span class="copyright"> 国家土地督察南京局 ©版权所有 开发单位: 国土资源部土地实地调查监测技术重点实验室</span>

		<script src="js/jquery.min.js"></script>
		<script src="js/grid.zh-CN.min.js"></script>
		<script src="js/bsgrid.all.min.js"></script>
		<script src="js/main.js"></script>
		<script type="text/javascript">
			var localData = [{
				"name": "张二",
				"add": "一二",
				"tel": "123"
			}, {
				"name": "张一",
				"add": "二三",
				"tel": "456"
			}, {
				"name": "张三",
				"add": "三四",
				"tel": "789"
			}, {
				"name": "张四",
				"add": "五六",
				"tel": "123123123123"
			}, {
				"name": "张五",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "张六",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "张七",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "张八",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "张九",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "李一",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "王一",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "赵一",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "李二",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "李三",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "王五",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "张一",
				"add": "一二",
				"tel": "123123123123"
			},{
				"name": "张二",
				"add": "一二",
				"tel": "123"
			}, {
				"name": "张一",
				"add": "二三",
				"tel": "456"
			}, {
				"name": "张三",
				"add": "三四",
				"tel": "789"
			}, {
				"name": "张四",
				"add": "五六",
				"tel": "123123123123"
			}, {
				"name": "张五",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "张六",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "张七",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "张八",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "张九",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "李一",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "王一",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "赵一",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "李二",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "李三",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "王五",
				"add": "一二",
				"tel": "123123123123"
			}, {
				"name": "张一",
				"add": "一二",
				"tel": "123123123123"
			}];

			var gridObj;
			$(function() {
				gridObj = $.fn.bsgrid.init('searchTable', {
					localData: localData,
					pageSize: 10,
					pageSizeSelect: false,
					pagingLittleToolbar: true,
					pageIncorrectTurnAlert: false,
					event: {
						selectRowEvent: function(record, rowIndex, trObj, options) {
							alert('Select Row ' + rowIndex + ' Event, add=' + gridObj.getRecordIndexValue(record, 'add'));
						},
					}
				});
			});

			function operate(record, rowIndex, colIndex, options) {
				return '<a href="#" onclick="alert(\'name=' + gridObj.getRecordIndexValue(record, 'name') + '\');">Operate</a>';
			}
		</script>
	</body>

</html>